<template>
	<!-- 客户 -->
	<view class="customerContainer">
		<!-- <u-navbar title="客户" :background="background" title-color="white" back-icon-color="white"
		is-back="true"
		></u-navbar> -->
		<Search />
		<div class="ItemContainer" @click="toCustomerDetails">
			<div class="left">
				<span class="spanOne">大跃进事业部</span>
				<span>负责人:admin</span>
				<span>最后跟进时间:2021-08-03</span>
				<span>客户等级:A(重点客户)</span>
			</div>
			<div class="right">
				<u-button size="mini">未成交</u-button>
				<span>
					<u-icon name="rmb-circle-fill" color="#DCDCDC" size="50"></u-icon>
					<u-icon name="star-fill" color="#DCDCDC" size="50"></u-icon>
				</span>
			</div>
		</div>
		<div class="ItemContainer">
			<div class="left">
				<span class="spanOne">大跃进事业部</span>
				<span>负责人:admin</span>
				<span>最后跟进时间:2021-08-03</span>
				<span>客户等级:A(重点客户)</span>
			</div>
			<div class="right">
				<u-button size="mini">已成交</u-button>
				<span>
					<u-icon name="rmb-circle-fill" color="#2979ff" size="50"></u-icon>
					<u-icon name="star-fill" color="#2979ff" size="50"></u-icon>
				</span>
			</div>
		</div>
		<!-- 右下角按钮 -->
		<view class="addContacts" > + </view>
	</view>

</template>

<script>
import Search from '../../components/Search/index.vue';
export default {
	name: 'customer',
	data() {
		return {
			background: {
				backgroundColor:'#366df6',
			}
		}
	},
	components: {
		Search
	},
	methods:{
		//跳转到CustomerDetails
		toCustomerDetails(){
			wx.navigateTo({
				url:"customerDetails/index"
			})
		}
	}
};
</script>

<style lang="less" scoped>
.customerContainer {
	.ItemContainer {
		padding: 30rpx;
		box-sizing: border-box;
		background-color: white;
		display: flex;
		justify-content: space-between;
		margin: 10rpx 0 10rpx 0;
		.left {
			height: 210rpx;
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
			color: #949494;
			.spanOne {
				font-size: 35rpx;
				color: #000;
			}
		}
		.right {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			u-button {
				height: 20rpx;
				width: 40rpx;
			}
			span {
				display: flex;
				justify-content: space-between;
				u-icon {
					margin: 0 0 50rpx;
				}
			}
		}
	}

}

</style>
